<!DOCTYPE html>
<html ng-app="app">
<head lang="en">
    <meta charset="UTF-8">
    <link rel="stylesheet" href="http://cdn.bootcss.com/bootstrap/3.3.4/css/bootstrap.min.css">
    <link rel="stylesheet" href="./stylesheets/style.css">
    <!-- Angular-->
<script src="http://cdn.bootcss.com/angular.js/1.4.0-rc.1/angular.min.js"></script>
    <title>Snack Bar</title>
    <style type="text/css">
        ul{list-style:none;}
    </style>
</head>
<body ng-controller="myCtrl">

<div class="navbar-wrapper">
      <div class="container">

        <nav class="navbar navbar-inverse navbar-fixed-top">
          <div class="container">
            <div class="navbar-header">
              <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
              </button>
              <a class="navbar-brand" href="/" ng-click = "getAll();">Snack Bar</a>
            </div>
            <div id="navbar" class="navbar-collapse collapse">
              <ul class="nav navbar-nav">
                <li><a href="/" ng-click = "getAll();">首页</a></li>
                <li><a href="/messages">留言</a></li>
                <li><a href="/tallybook">欠账本</a></li>
                <li class="active"><a href="/contact">关于</a></li>
              </ul>
            </div>
          </div>
        </nav>

      </div>
</div>

<div class="snackcontainer">
  <div class="container about">
    <h2>关于本站</h2>
    <hr/>
    <p>
      我们是来自东方海外IT学院的一支Team，建立此网站的主要目的在于为诸多员工提供零食参考以及记账功能，方便零食小站的管理。
      本站目前具体的功能分为以下三点：
    </p>
      <ol>
       <li>零食的展示以及点赞</li>
       <li>发布留言，告诉零食小站管理员你还想吃什么</li>
       <li>记账，记录过往购买零食的记录</li>
      </ol>
    <h2>关于我们</h2>
    <hr/>
      <p>黄凯，Team组长，任务分配与协调者，邮箱：hiro.huang@oocl.com</p>
      <p>胡译添，高效率后端主力，邮箱：tiger.hu@oocl.com</p>
      <p>陈伟军，实力派后端，技术专研者,邮箱：eddy.chen@oocl.com</p>
      <p>吴澄楷，前端潜力股，邮箱：ryan.wu@oocl.com</p>
      <p>左丹，专业需求分析师兼职UI设计，邮箱：elsa.zuo@oocl.com</p>
  </div>
</div>
<script>
    var app=angular.module("app",[], function () {
        console.log('started');
    });
   
    app.controller("myCtrl",function($scope,$http){

    });

</script>

<!-- FOOTER -->
<footer class="footer">
  <p>&copy; 2015 Company, Inc. &middot; Powered By &middot; <a href="https://nodejs.org/">Nodejs</a></p>
</footer>

<!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
<script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="http://cdn.bootcss.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

</body>
</html>